<template>
  <div class="common-layout">
    <el-container>

      <el-header style="margin: 0;padding: 0">
        <top-menu></top-menu>
      </el-header>

      <el-container>

        <el-aside class="aside" width=20%>
          <side-bar></side-bar>
        </el-aside>

        <el-main class="mainf">
          <router-view/>
        </el-main>

      </el-container>

    </el-container>
  </div>
</template>

<script>
import SideBar from "@/components/side-bar";
import TopMenu from "@/components/top-menu";

export default {
  name: "inside-tem",
  components: {SideBar, TopMenu}
}
</script>

<style scoped>
.mainf {
  /*background-color: black;*/
}
</style>
